<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>现金账户设置</title>

    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <!--第三方下拉表格js-->
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/cash.js"></script>

</head>

<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>

<body>

<!--表格元素 lay-filter 通过这个属性来筛选绑定的表格-->
<table id="mytable" lay-filter="mytable"></table>

<!--上方工具条-->
<!--lay-event 是跟js的Switch case 后的名字一样的-->
<script type="text/html" id="cashToolBar">
    <div style="float:right">
        <button class="layui-btn layui-btn-normal layui-btn layui-btn-sm" lay-event="add">
            <i class="layui-icon">&#xe654;</i>添加数据
        </button>
        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="deleteAll" style="color: #FF0000">
            <i class="layui-icon">&#xe640;</i>批量删除
        </button>
    </div>


    <!--  form表单  -->
    <!--   采用用户的名字来进行模糊查询-->
    <form class="layui-form layui-col-space5">
        <!--   采用用户的姓名和id来进行模糊查询-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">账户名称</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <input class="layui-input" autocomplete="off" placeholder="请输入账户名称" name="accountName" id="accountName">
        </div>

        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">银行名称</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <select name="bankName" id="bankName">
                <option value="" placeholder="请选择"></option>
                <option value="中国银行">中国银行</option>
                <option value="中国建设银行">中国建设银行</option>
                <option value="工商银行">工商银行</option>
                <option value="农业银行">农业银行</option>
            </select>
        </div>
        <!-- 模糊查询的按钮  -->
        <!-- type="button 这个是为了不让layui提交两次-->
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-event="search"
                    lay-filter="sreach" type="button"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>
</script>


<!--新增用户的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="addCash" style="width:100%;display: none;text-align: center;">
    <form id="addForm" class="layui-form layui-form-pane" style="display: inline-block"method="post">
        <br>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">银行卡号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="bankId" lay-verify="required|bankId"
                       placeholder="银行卡号" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">账户名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="accountName" lay-verify="required|accountName"
                       placeholder="账户名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">银行名称</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="bankName"  lay-verify="required|bankName"
                       placeholder="银行名称" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">卡号利率</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="cardRetes"  lay-verify="required|cardRetes"
                       placeholder="卡号利率" autocomplete="off" class="layui-input" >
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">存储类型</label>
            <div class="layui-input-inline">
                <select xm-select-radio=""
                        xm-select-search="" lay-verify="required"
                        xm-select-direction="down" xm-select-search-type="dl" name="stockpileType"/>
                <option>请选择</option>
                <option value="1">活期</option>
                <option value="2">定期</option>
                </select>
            </div>
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">计息时间</label>
            <div class="layui-input-inline">
                <select xm-select-radio=""
                        xm-select-search="" lay-verify="required"
                        xm-select-direction="down" xm-select-search-type="dl" name="bearingTime"/>
                <option>请选择</option>
                <option value="1">365</option>
                <option value="2">366</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">开户时间</label>
            <div class="layui-input-inline">
                <input autocomplete="off" class="layui-input dateStr1" lay-verify="openTime" name="openTime" id="openTime1"
                       placeholder="开户时间" type="text">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">结束时间</label>
            <div class="layui-input-inline">
                <input autocomplete="off" class="layui-input dateStr2" lay-verify="endTime" name="endTime"
                       placeholder="结束时间" type="text">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 140px;height: 100px;line-height: 100px;">备注</label>
            <div class="layui-input-inline">
					<textarea rows="" name="fundDesc" placeholder="备注" cols=""
                              class="layui-textarea" style="width: 490px;"></textarea>
            </div>
        </div>

        <div class="layui-form-item" style="width:80%;margin-left: 10%;text-align: center">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="addCash" >
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button"  onclick="quxiao()" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>



<!--修改用户的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="updateCash" style="width:100%;display: none;text-align: center;">
    <form id="updataeForm" class="layui-form layui-form-pane" lay-filter="myFrom" style="display: inline-block"method="post">

        <div class="layui-form-item" style="text-align: center;display: none">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">现金账户ID</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="cashId" lay-verify="required|cashId"
                       placeholder="现金账户ID" readonly="true" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">银行卡号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="bankId" lay-verify="required|bankId"
                       placeholder="银行卡号" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">账户名称</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="accountName" lay-verify="required|accountName"
                       placeholder="账户名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">银行名称</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="bankName"  lay-verify="required|bankName"
                       placeholder="银行名称" autocomplete="off" class="layui-input" >
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">卡号利率</label>
            <!--            这里的证券名称，不是文本框，是文本框里有个下拉表格
                            虽然这里是显示证券名称，但是还是是新增id，只是提示信息是输入证券名称罢了，再通过下拉表格选择证券-->
            <div class="layui-input-inline">
                <input type="text" name="cardRetes"  lay-verify="required|cardRetes"
                       placeholder="卡号利率" autocomplete="off" class="layui-input" >
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">存储类型</label>
            <div class="layui-input-inline">
                <select xm-select-radio=""
                        xm-select-search="" lay-verify="required"
                        xm-select-direction="down" xm-select-search-type="dl" name="stockpileType"/>
                <option>请选择</option>
                <option value="1">活期</option>
                <option value="2">定期</option>
                </select>
            </div>
            <label class="layui-form-label  layui-bg-gray" style="width: 120px">计息时间</label>
            <div class="layui-input-inline">
                <select xm-select-radio=""
                        xm-select-search="" lay-verify="required"
                        xm-select-direction="down" xm-select-search-type="dl" name="bearingTime"/>
                <option>请选择</option>
                <option value="1">365</option>
                <option value="2">366</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 120px">开户时间</label>
            <div class="layui-input-inline">
                <input autocomplete="off" class="layui-input dateStr3" lay-verify="openTime" name="openTime"
                       placeholder="开户时间" type="text">
            </div>
            <label class="layui-form-label layui-bg-gray" style="width: 120px">结束时间</label>
            <div class="layui-input-inline">
                <input autocomplete="off" class="layui-input dateStr4" lay-verify="endTime" name="endTime"
                       placeholder="结束时间" type="text">
            </div>
        </div>

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 140px;height: 100px;line-height: 100px;">备注</label>
            <div class="layui-input-inline">
					<textarea rows="" name="fundDesc" placeholder="备注" cols=""
                              class="layui-textarea" style="width: 490px;"></textarea>
            </div>
        </div>

        <div class="layui-form-item" style="width:80%;margin-left: 10%;text-align: center">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="updateCash" >
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary" type="button" onclick="quxiao()" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>
</body>
</html>